import Vue from 'vue'
import Router from 'vue-router'
import { constantRouterMap } from './router.config.js'
import { mutations } from '@/custom-store/global.js'

// hack router push callback
const originalPush = Router.prototype.push
Router.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
  return originalPush.call(this, location).catch(err => err)
}

Vue.use(Router)

const createRouter = () =>
  new Router({
    // mode: 'history', // 如果你是 history模式 需要配置vue.config.js publicPath
    // base: process.env.BASE_URL,
    mode: 'hash',
    scrollBehavior: (to, from, position) => {
      console.dir(position)
      if (position) {
        return position
      } else {
        return {
          x: 0,
          y: 0
        }
      }
    },
    routes: constantRouterMap
  })

const router = createRouter()
router.beforeEach((to, from, next) => {
  console.dir(to)
  // if (document.querySelector('#app')) {
  //   document.querySelector('#app').scrollTop = 0
  // }
  mutations.setLoading(true)
  next()
})
router.afterEach((to, from) => {
  mutations.setLoading(false)
})

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher // reset router
}

export default router
